<!DOCTYPE html>
<html>
<head>
<title>压垮一个妈妈，只需要几条微信……</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
</head>
<body>

<div id="animation">
	<iframe src="page1.html"></iframe>
</div>
<div class="music_btn"></div>

<audio id="message1" preload="auto" src="sound/message.mp3"></audio>
<audio id="message2" preload="auto" src="sound/message.mp3"></audio>
<audio id="message3" preload="auto" src="sound/message.mp3"></audio>
<audio id="message4" preload="auto" src="sound/message.mp3"></audio>
<audio id="message5" preload="auto" src="sound/message.mp3"></audio>
<audio id="message6" preload="auto" src="sound/message.mp3"></audio>
<audio id="message7" preload="auto" src="sound/message.mp3"></audio>
<audio id="message8" preload="auto" src="sound/message.mp3"></audio>
<audio id="message9" preload="auto" src="sound/message.mp3"></audio>
<audio id="send" preload="auto" src="sound/send.mp3"></audio>
<audio id="bgmusic" loop preload="auto" src="sound/bg.mp3"></audio>

<div class="final_code"><img src="img/final/final_code.jpg" /></div>
<div class="pop_box">
	<div class="pop_close"></div>
	<div class="pop_code"><img src="img/pop/pop_code.png" /></div>
</div>

<script src="./res/jweixin-1.4.0.js"></script>
<script src="./res/axios.js"></script>
<script src="./res/vconsole.min.js"></script>

<script>
function codeShow(){
	$(".final_code").toggleClass("code_show");
};
function showPop(){
	$(".pop_box").show();
};
$(".pop_close").click(function(){
	$(".pop_box").fadeOut();
});

$(".music_btn").click(function(){
	if(bgmusic.paused){bgmusic.play(); $(this).removeClass("music_pause")}
	else{bgmusic.pause(); $(this).addClass("music_pause")}
})
	
function nextAnimation(page,timer) {
	var iframes = $("#animation");
	iframes.prepend("<iframe src="+page+"></iframe>");
	setTimeout(function() {
		iframes.find("iframe:last").remove();
	},300);
};

function playBg(){
	WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
		$("#bgmusic")[0].play();
	});
};
function playMessage(){
	WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
		$("#message1")[0].play();
	});
};
function playMessageGroup(num){
	WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
		$("#message"+num)[0].play();
	});
};
function playSend(){
	WeixinJSBridge.invoke('getNetworkType', {}, function(e) {
		$("#send")[0].play();
	});
};

</script>

<script>
	var _mtac = {};
	(function () {
		var mta = document.createElement("script");
		mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.2";
		mta.setAttribute("name", "MTAH5");
		mta.setAttribute("sid", "500642170");
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(mta, s);
	})();
</script>

</body>
</html>